<?php
date_default_timezone_set('America/Bogota');
$caracTerrenoOpcs = "<option value='No'>No</option><option value='X'>X</option>";
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <script src="<?php echo base_url() . "js/jquery.formatCurrency-1.4.0.min.js" ?>" type="text/javascript"></script>

        <title>Administración de los avaluos</title>
    </head>
    <style type="text/css">
        li {margin: 2px; padding: 4px 0; cursor: pointer; list-style: none;float: left}
        #divCreaAvaluo label{
            display: block;
        }
    </style>
    <script type="text/javascript">
        var GLOBAL = {
            extraeAvaluo: true,
            formatNumero:{symbol:'',negativeFormat:'-%s%n'},
            editando: false,
            visitaId: 0
        }
        $(document).ready(function(){
            $("#visitaFechaVisita").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
            $("#visitaFechaAvaluo").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
            $('.ui-state-default').hover(
            function(){ $(this).addClass('ui-state-hover'); }, 
            function(){ $(this).removeClass('ui-state-hover'); }
        ); //fin $('.ui-state-default').hover(
            $("#divTabsGeneral").tabs({
                select: function(event, ui){
                    switch(ui.index){
                        case 9:
                            $("#divTabInve").load("<?php echo site_url("temporal/investigaciones/$transaccion/$transaccion4"); ?>");
                            fnGuardaDepreciaciones();
                            break;
                        case 10:
                            $.post("<?php echo site_url("temporal/cuentaConsAne/$transaccion1/$transaccion2") ?>",{},function(data){
                                if(parseInt(data) <= 0){
                                    alert("Debe ingresar construcciones ó anexos para registrar valores de la depreciacón");
                                    return false;
                                }
                                $("#divTabDepreciacion").load("<?php echo site_url("visitas/depreciacion/$transaccion1/$transaccion2/$transaccion5"); ?>",function(){
                                    asignaFormatoValoresNumericos("clValorNumericoDeprecia");
                                });
                            }); //fin $.post("",{},function(data){
                            fnGuardaInvestigaciones();
                            break;
                        default:
                            fnGuardaInvestigaciones();
                            fnGuardaDepreciaciones();
                            break;
                        }
                    } //fin switch(ui.index){
                }); //fin $("#divTabsGeneral").tabs({
                $("#divCreaAvaluo").dialog({
                    autoOpen: false,
                    width: 686,
                    height: 222,
                    closeText: false,
                    dialogClass: 'no-close',
                    hide: 'explode',
                    position:'top',
                    modal: true
                });
                //Grilla de topografías
                jQuery("#tbGrillaTopo").jqGrid({
                    url: '<?php echo site_url("grillas/topografias/$transaccion/$transaccion4"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Topografia','Medida','Unidad','Pendientes'],
                    colModel :[
                        {name:'temporalVar1',index:'temporalVar1', width:300,editable:true,align:"left",editrules:{required:true}},
                        {name:'temporalDecimal1',index:'temporalDecimal1', width:100,editable:true,align:"right",editoptions:{size:10},editrules:{required:true,number:true,minValue:0}},
                        {name:'unidadNombre',index:'unidadNombre', width:200,editable:true,edittype:'select',editoptions:{value:"<?php echo $undJqgrid; ?>"},editrules:{required:true}},
                        {name:'temporalVar2',index:'temporalVar2', width:100,editable:true,edittype:'select',editoptions:{value:":Seleccione...;0% - 3%:0% - 3%;3% - 7%:3% - 7%;7% - 12%:7% - 12%;12% - 25%:12% - 25%;25% - 50%:25% - 50%;50% - 75%:50% - 75%;Mayor a 75%:Mayor a 75%"},editrules:{required:true}}
                    ],
                    autowidth:true,
                    pager: jQuery('#divPagTopo'),
                    rowNum:10,
                    editurl: '<?php echo site_url("temporal/topografias/$transaccion"); ?>',
                    rowList:[10,20,30,50],
                    sortname: 'temporalVar1',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'Topografías',
                    height:160
                });
                //Barra de navegación
                jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:true,add:true,del:true,search:false,view:true});            
                //Grilla de construcciones
                jQuery("#tbGrillaConstru").jqGrid({
                    url: '<?php echo site_url("grillas/construcciones/$transaccion1"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Uso','Medida','Unidad','Conservación','Vetustez','Descripción'],
                    colModel :[
                        {name:'temporalVar1',index:'temporalVar1', width:100,editable:true,align:"left",editrules:{required:true}},                    
                        {name:'temporalDecimal1',index:'temporalDecimal1', width:60,align:"right",editable:true,editoptions:{size:10},editrules:{required:true,number:true,minValue:1}},
                        {name:'unidadNombre',index:'unidadNombre', width:100,editable:true,edittype:'select',editoptions:{value:"<?php echo $undJqgrid; ?>"},editrules:{required:true}},
                        {name:'estadoPredNombre',index:'estadoPredNombre', width:90,editable:true,edittype:'select',editoptions:{value:"<?php echo $estadosGrilla; ?>"},editrules:{required:true}},
                        {name:'temporalInt3',index:'temporalInt3', width:70,align:"right",editable:true,editoptions:{size:10},editrules:{required:true,number:true}},
                        {name:'temporalText1',index:'temporalText1', width:450,editable:true,edittype:'textarea',editoptions:{rows:"2",cols:"100"},editrules:{required:true}},
                    ],
                    autowidth:true,
                    pager: jQuery('#divPagConstru'),
                    rowNum:10,
                    rownumbers: true,
                    editurl: '<?php echo site_url("temporal/construcciones/$transaccion1"); ?>',
                    rowList:[10,20,30,50],
                    sortname: 'temporalVar1',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'Construcciones',
                    height:160
                });
                //Barra de navegación
                jQuery("#tbGrillaConstru").navGrid('#divPagConstru',{edit:true,add:true,del:true,search:false,view:true}, {width:800,reloadAfterSubmit:true}, {reloadAfterSubmit:false,width:800},{reloadAfterSubmit:false}, {});            
                //Grilla de anexos
                jQuery("#tbGrillaAnexo").jqGrid({
                    url: '<?php echo site_url("grillas/construcciones/$transaccion2"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Uso','Medida','Unidad','Conservación','Vetustez','Descripción'],
                    colModel :[
                        {name:'temporalVar1',index:'temporalVar1', width:100,editable:true,align:"left",editrules:{required:true}},                    
                        {name:'temporalDecimal1',index:'temporalDecimal1', width:60,align:"right",editable:true,editoptions:{size:10},editrules:{required:true,number:true,minValue:1}},
                        {name:'unidadNombre',index:'unidadNombre', width:100,editable:true,edittype:'select',editoptions:{value:"<?php echo $undJqgrid; ?>"},editrules:{required:true}},
                        {name:'estadoPredNombre',index:'estadoPredNombre', width:90,editable:true,edittype:'select',editoptions:{value:"<?php echo $estadosGrilla; ?>"},editrules:{required:true}},
                        {name:'temporalInt3',index:'temporalInt3', width:70,align:"right",editable:true,editoptions:{size:10},editrules:{required:true,number:true}},
                        {name:'temporalText1',index:'temporalText1', width:450,editable:true,edittype:'textarea',editoptions:{rows:"2",cols:"100"},editrules:{required:true}},
                    ],
                    autowidth:true,
                    pager: jQuery('#divPagAnexo'),
                    rowNum:10,
                    rownumbers: true,
                    editurl: '<?php echo site_url("temporal/construcciones/$transaccion2"); ?>',
                    rowList:[10,20,30,50],
                    sortname: 'temporalVar1',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'Anexos',
                    height:160         
                });
                //Barra de navegación
                jQuery("#tbGrillaAnexo").navGrid('#divPagAnexo',{edit:true,add:true,del:true,search:false,view:true}, {width:400,reloadAfterSubmit:true}, {reloadAfterSubmit:true,width:400},{reloadAfterSubmit:true}, {});            
                //Grilla de elementos
                jQuery("#tbGrillaElemento").jqGrid({
                    url: '<?php echo site_url("grillas/elementos/$transaccion3"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Nombre','Unidad','Cantidad','Val. Unidad','Val. Total'],
                    colModel :[
                        {name:'temporalVar1',index:'temporalVar1', width:400,editable:true,align:"left",editrules:{required:true}},
                        {name:'unidadNombre',index:'unidadNombre', width:100,editable:true,edittype:'select',editoptions:{value:"<?php echo $undJqgrid; ?>"},editrules:{required:true}},
                        {name:'temporalInt1',index:'temporalInt1', width:100,editable:true,editoptions:{size:10},editrules:{required:true,number:true,minValue:1}},
                        {name:'temporalDecimal1',index:'temporalDecimal1', width:200,editable:true,editoptions:{size:10},editrules:{required:true,number:true,minValue:0},formatter:"currency",align:"right"},
                        {name:'temporalDecimal2',index:'temporalDecimal2', width:200,editable:false,formatter:"currency",align:"right"},
                    ],
                    autowidth:true,
                    pager: jQuery('#divPagElemento'),
                    rowNum:10,
                    rownumbers: true,
                    editurl: '<?php echo site_url("temporal/elementos/$transaccion3"); ?>',
                    rowList:[10,20,30,50],
                    sortname: 'temporalVar1',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'Elementos permanentes',
                    height:160         
                });
                //Barra de navegación
                jQuery("#tbGrillaElemento").navGrid('#divPagElemento',{edit:true,add:true,del:true,search:false,view:true}, {width:800,reloadAfterSubmit:false}, {reloadAfterSubmit:false,width:800},{reloadAfterSubmit:false}, {});            
                jQuery.extend(jQuery.jgrid.edit, { closeAfterAdd:true,closeAfterEdit:true,afterSubmit:function(d,s){alert("Proceso realizado con éxito");return [true,''];}  });
                jQuery.extend(jQuery.jgrid.del, { afterSubmit:function(d,s){alert("Proceso realizado con éxito");return [true,''];} } );
                 
                $('.clValorNumerico').blur(function(){
                    $('.clValorNumerico').formatCurrency(GLOBAL.formatNumero);
                });
<?php
if (isset($visitaId)) {
    echo "fnCargaCampos();";
    $mensaje = "Edición";
    if ($aprobado == "Si")
        echo "fntodoLectura();";
} else {
    $mensaje = "Creación";
}
$this->load->view("enReady");
?>
            $("#divTabInve").load("<?php echo site_url("temporal/investigaciones/$transaccion/$transaccion4"); ?>");
            $.post("<?php echo site_url("temporal/cuentaConsAne/$transaccion1/$transaccion2") ?>",{},function(data){
                if(parseInt(data) > 0){
                    $("#divTabDepreciacion").load("<?php echo site_url("visitas/depreciacion/$transaccion1/$transaccion2/$transaccion5"); ?>");
                }
            }); //fin $.post("",{},function(data){
        }); //fin $(document).ready(function(){
        function fnGuardaInvestigaciones(){
            if(document.getElementById("frInvestigaciones") != 'undefined'){
                try{
                    asignaValoresNumericosSinFormato("clValorNumericoInvestiga");
                    $.post("<?php echo site_url("temporal/grdInvestiga/$transaccion4"); ?>",$("#frInvestigaciones").serialize(),function(){
                        try{
                            asignaFormatoValoresNumericos("clValorNumericoInvestiga");
                        }catch(err){
                            alert("Error interno " + err.message);
                        }
                    });
                }catch(err){
                    alert("Error " + err.message);
                }
            }
        }
        function asignaFormatoValoresNumericos(clase){
            $("." + clase).formatCurrency(GLOBAL.formatNumero);
        }
        function fnGuardaDepreciaciones(){
            if(document.getElementById("frDepreciacion") != 'undefined'){
                 asignaValoresNumericosSinFormato("clValorNumericoDeprecia");
                $.post("<?php echo site_url("temporal/guardaDepre/$transaccion5"); ?>",$("#frDepreciacion").serialize(),function(){
                        try{
                            asignaFormatoValoresNumericos("clValorNumericoDeprecia");
                        }catch(err){
                            alert("Error interno " + err.message);
                        }
                })
            }
        }
<?php if (isset($visitaId)) { ?>
            function fnCargaCampos(){
                GLOBAL.editando = true;
                GLOBAL.visitaId = <?php echo $visitaId; ?>;
                seleccionaCheckEnDiv("divListaUsoActual",<?php echo $usoActualArray; ?>);
                seleccionaCheckEnDiv("divListaServicios1",<?php echo $servPubliVisitaArray; ?>);
                seleccionaCheckEnDiv("divListaUsoActual1",<?php echo $usoPredominanteArray; ?>);
                seleccionaCheckEnDiv("divListaServicios2",<?php echo $servPubliPredioArray; ?>);
                seleccionaCheckEnDiv("divListaUsoActual2",<?php echo $usoPredioArray; ?>);
    <?php
    foreach ($campos->result() as $row) {
        foreach ($row as $key => $val) {
            if ($key == "avaluoAprobado")
                continue;
            echo "document.getElementById('$key').value = '" . escapeJs($val) . "'; ";
        } //fin foreach ($row as $key => $val) {
        if ($row->avaluoAprobado == "Aprobado") {
            echo "fntodoLectura();";
        }
        echo "fnCambiaDpto('{$row->selDepartamento}','{$row->ciudadId}');";
    }
    ?>
                } //fin function fnCargaCampos(){
<?php } ?>
        function validaAntesEnviar(){
            fnGuardaDepreciaciones();
            fnGuardaInvestigaciones();
            var error = validaControles();
            if(!error) return false;
            asignaValoresNumericosSinFormato("clValorNumerico");
            $("#frAvaluos").submit();
        } //fin function validaAntesEnviar(){
        function validaControles(){
            var resultado = true;
            var pestanias = "";
            var cuenta = 0;
            var errorCuenta = 0;
            $("#divTabsGeneral > ul").find("a").each(function (){
                cuenta += 1;
                if(!$(this).hasClass("omitir")){
                    var tmp = $(this).attr("href");
                    if(!validaCamposPestana(tmp.substr(1,tmp.length))){
                        pestanias = pestanias + $(this).html() + ", ";
                        $(this).trigger("click");
                        if(resultado)
                            errorCuenta = cuenta;
                        resultado = false;
                    }
                }
            });
            if(!resultado){
                alert("Debe digitar el(los) campo(s) en rojo de la(s) pestaña(s) " + pestanias);
                $("#anchorPestana" + errorCuenta).trigger("click");
            }
                
            return resultado;
        }// fin function validaControles(){
        function fnCreaAvaluo(proyectoId,numAvaluo){
            /*Crea el nuevo avaluo y lo carga en el combo*/
            if(proyectoId == "" || numAvaluo == ""){
                alert("Debe elegir proyecto,  asignar un número de avaluo y estableser el proposito para continuar.");
                return false;
            }
            
            $.getJSON("<?php echo site_url("avaluos/crea"); ?>",{opc:1,proyecto:proyectoId,avaluo:numAvaluo},function(data){
                if(parseInt(data.error) == 0){
                    //No hubo errores continua
                    $.post("<?php echo site_url("avaluos/extrae") ?>",function(data){
                        document.getElementById("avaluoId").innerHTML = data;
                        $("#divCreaAvaluo").dialog("close");
                        alert("Se ha creado correctamente el avaluo");
                    });
                }else{
                    alert(data.mensaje);
                    return false;
                }
            }); //fin $.post("<?php echo site_url("avaluos/crea"); ?>",{opc:1,proyecto:proyectoId,avaluo:numAvaluo},function(data){
        } //fin function fnCreaAvaluo(proyectoId,numAvaluo){
        function fnOpenAval(){
            $("#divCreaAvaluo").dialog("open");
        } //fin function fnOpenAval(){
        function cargaResultados(visitaId){
            $("#divTabResultados").load("<?php echo site_url("visitas/resultados") ?>",{visita:visitaId},function(){
                $("#divTabsGeneral").tabs("add","http://localhost/avaluos/index.php/avaluos/crud#divTabResultados","Resultados",11);
            }); //fin $("#divTabResultados").load("",{visita:visitaId},function(){
        } //fin function cargaResultados(visitaId){
        function cambiaAvaluo(avaluoId){
            if(!GLOBAL.editando){
                if(avaluoId == "") return false;
                if(!GLOBAL.extraeAvaluo) return false;
                var transaccion = <?php echo $transaccion; ?>;
                var transaccion1 = <?php echo $transaccion1; ?>;
                var transaccion2 = <?php echo $transaccion2; ?>;
                var transaccion3 = <?php echo $transaccion3; ?>;
                var transaccion4 = <?php echo $transaccion4; ?>;
                var transaccion5 = <?php echo $transaccion5; ?>;
                $("#divScripts").load("<?php echo site_url("avaluos/cargaDatos"); ?>",{avalId:avaluoId,trans:transaccion,trans1:transaccion1,trans2:transaccion2,trans3:transaccion3,trans4:transaccion4,trans5:transaccion5},function(){
                    $("#tbGrillaTopo").trigger("reloadGrid");
                    $("#tbGrillaConstru").trigger("reloadGrid");
                    $("#tbGrillaAnexo").trigger("reloadGrid");
                    $("#tbGrillaElemento").trigger("reloadGrid");
                    document.getElementById("visitaId").value = 0;
                }); //fin $("#divScripts").load("<?php ?>",{},function(){
            } else return true;
        } //fin function cambiaAvaluo(){
        function comparaFecha(opc){
            if(opc == "v"){
                if($("#visitaFechaAvaluo").val() == "") return false;
            }else{
                if($("#visitaFechaVisita").val() == "") return false;
            }
            if($("#visitaFechaVisita").datepicker('getDate').getTime() > $("#visitaFechaAvaluo").datepicker('getDate').getTime()){
                alert("La fecha del avalúo no puede ser menor a la fecha de la visita");
                if(opc == "v"){
                    document.getElementById("visitaFechaVisita").value = "";
                }else{
                    document.getElementById("visitaFechaAvaluo").value = "";
                }
                
            }
            return true;
        } //fin function comparaFecha(){
        function asignaValoresNumericosSinFormato(claseCss){
            $("." +claseCss).each(function(){
                $(this).val($(this).asNumber());
            });
            return true;
        }
        function validaPromedio(obj){
            var valor = obj.value;
            if(parseInt(valor) > 100){
                alert("El porcentaje promedio no puede ser superio al 100%");
                obj.value = "";
                return false;
            }
        }
<?php $this->load->view("funcionesJs"); ?>
    </script>
    <body>
        <?php $this->load->view("enBody"); ?>
        <div id="divScripts">

        </div>
        <form id="frAvaluos" method="post" action="<?php echo site_url("visitas/crea") ?>" target="ifrAuxiliar" >
            <div id="divTitulo">VISITAS - <?php echo $mensaje; ?></div>
            <div id="divTabsGeneral">
                <ul>
                    <li><a id="anchorPestana1" href="#divTabGen">Generalidades</a> </li>
                    <li><a id="anchorPestana2" href="#divTabCaracteristica">Carácteristicas</a> </li>
                    <li><a id="anchorPestana3" href="#divTabJuridica">Juridica</a> </li>
                    <li><a id="anchorPestana4" href="#divTabTerreno">Terreno</a> </li>
                    <li><a id="anchorPestana5" href="#divTabPredio">Predio</a> </li>
                    <li><a id="anchorPestana6" href="#divTabConstruccion" class="omitir" >Construcciones</a> </li>
                    <li><a id="anchorPestana7" href="#divTabAnexo" class="omitir" >Anexos</a> </li>
                    <li><a id="anchorPestana8" href="#divTabElemento" class="omitir" >Elementos</a> </li>
                    <li><a id="anchorPestana9" href="#divTabMeto">Metodología</a> </li>
                    <li><a id="anchorPestana10" href="#divTabInve">Investigación</a> </li>
                    <li><a id="anchorPestana11" href="#divTabDepreciacion">Depreciación</a> </li>
                </ul>
                <div id="divTabGen">
                    <div class="newDiv" >
                        <div style="float: left;margin-right: 4px">
                            <label for="visitaSolicitante">Solicitante</label>
                            <input type="text" name="visitaSolicitante" size="60" id="visitaSolicitante" class="" id="txtSolicitante" />
                        </div>
                        <label for="avaluoId" style="float: left">Elija un avaluo</label>
                        <div id="divCargaAvaluos" style="float: left">                    
                            <select id="avaluoId" name="avaluoId" onchange="cambiaAvaluo(this.value);">
                                <option value="">Elija</option>
                                <?php
                                if ($avaluos->num_rows() > 0)
                                    foreach ($avaluos->result() as $avaluo) {
                                        echo "<option value='{$avaluo->avaluoId}'>{$avaluo->avaluoNumero}-{$avaluo->avaluoFechaCreo}</option>";
                                    }
                                ?>
                            </select>
                        </div>
                        <li class="ui-state-default ui-corner-all" title="Crear nuevo avaluo" onclick="fnOpenAval();">
                            <span class="ui-icon ui-icon-plusthick" onclick="fnOpenAval();"></span>
                        </li>
                    </div>
                    <div class="newDiv">
                        <div >
                            <label for="avaluoProposito">Proposito del avaluo</label><br/>
                            <textarea id="avaluoProposito" name="avaluoProposito" style="width: 90%"></textarea>
                        </div>

                    </div>
                    <div class="newDiv">
                        <div style="float: left">
                            <label for="selDepartamento">Departamento</label>
                            <select id="selDepartamento" name="selDepartamento" onchange="fnCambiaDpto(this.value)">
                                <option value="">Elija</option>
                                <?php
                                foreach ($departamentos->result() as $departamento) {
                                    echo "<option value='{$departamento->dptoId}'>{$departamento->dptoNombre}</option>";
                                }
                                ?>
                            </select>
                            <label for="ciudadId" >Ciudad</label>
                        </div>
                        <div id="divCargaCiudad">
                            <select id="ciudadId" name="ciudadId">
                                <option value="">Elija</option>
                            </select>
                        </div>
                    </div>
                    <div class="newDiv">
                        <label for="visitaVereda">Vereda</label>
                        <input type="text" id="visitaVereda" name="visitaVereda" />
                        <label for="visitaVeredaNombre">Nombre</label>
                        <input type="text" id="visitaVeredaNombre" name="visitaVeredaNombre" />
                        <label for="tipInmuebleId">Tipo de inmbueble</label>
                        <select id="tipInmuebleId" name="tipInmuebleId">
                            <option value="">Elija</option>
                            <?php
                            if ($inmuebles->num_rows() > 0)
                                foreach ($inmuebles->result() as $inmueble) {
                                    echo "<option value='{$inmueble->tipInmuebleId}'>{$inmueble->tipInmuebleNombre}</option>";
                                }
                            ?>
                        </select>
                    </div>
                    <div class="newDiv">
                        <label for="divListaUsoActual" class="labelsConDiv" >Uso actual del predio</label><br/>
                        <div id="divListaUsoActual" class="divChecbox" style="height: 60px">
                            <?php
                            $usuos = $usoActual;
                            $con = 1;
                            foreach ($usuos->result() as $row) {
                                echo "<div style='width:20%;float:left'><input type='checkbox' value='{$row->usoInmuActualId}' id='id_$con' name='usoActualPredio[]' /><label for='id_$con'>" . ($row->usoInmuActualNombre) . "</label></div>";
                                if ($con % 5 == 0)
                                    echo "<br/>";
                                $con++;
                            }
                            ?>
                        </div>
                    </div>
                    <div class="newDiv">
                        <label for="visitaPropietario">Popietario</label>
                        <input type="text" id="visitaPropietario" name="visitaPropietario" />
                        <label for="visitaFechaVisita">Fecha visita</label>
                        <input type="text" id="visitaFechaVisita" name="visitaFechaVisita" size="9" onchange="comparaFecha('v');" />
                        <label for="visitaFechaAvaluo">Fecha avaluo</label>
                        <input type="text" id="visitaFechaAvaluo" name="visitaFechaAvaluo" onchange="comparaFecha('a');" size="9" />
                        <label for="firmaId">Firmante</label>
                        <select id="firmaId" name="firmaId">
                            <option value="">Elija</option>
                            <?php
                            if ($firmantes->num_rows() > 0)
                                foreach ($firmantes->result() as $firmante) {
                                    echo "<option value='{$firmante->firmaId}'>{$firmante->firmaNombre}</option>";
                                }
                            ?>
                        </select>
                    </div>
                </div> <!-- fin <div id="divTabGen"> -->
                <div id="divTabCaracteristica">
                    <div class="newDiv">
                        <label for="visitaLocalizacion">Localización</label><br/>
                        <textarea id="visitaLocalizacion" name="visitaLocalizacion" ></textarea>
                        <label for="visitaCaracteristicas">Carácteristicas</label><br/>
                        <textarea id="visitaCaracteristicas" name="visitaCaracteristicas" ></textarea><br/>
                        <label for="viaIdAcceso">Vias de acceso</label>
                        <select id="viaIdAcceso" name="viaIdAcceso">
                            <option value="">Elija</option>
                            <?php echo $vias; ?>
                        </select>
                        <label for="estadoPredIdViaAcceso">Estado Vias</label>
                        <select id="estadoPredIdViaAcceso" name="estadoPredIdViaAcceso">
                            <option value="">Elija</option>
                            <?php echo $estados; ?>
                        </select>
                    </div>
                    <?php
                    muestraServiciosPublicos(1, $servicios, $usoActual);
                    ?>
                    <div class="newDiv">
                        <label for="visitaAltura">Altura predominante piso</label>
                        <select id="visitaAltura" name="visitaAltura">
                            <option value="" >Elija</option>
                            <option value="Piso 1" >Piso 1</option>
                            <option value="Piso 2" >Piso 2</option>
                            <option value="Piso 3" >Piso 3</option>
                            <option value="Más de 3 pisos" >Más de 3 pisos</option>
                        </select>
                        <label for="visitaOtroPiso">Otro</label>
                        <input type="text" id="visitaOtroPiso" class="omitir" name="visitaOtroPiso" />
                        <label for="visitaEstratificacion">Estratificación</label>
                        <select id="visitaEstratificacion" name="visitaEstratificacion">
                            <option value="" >Elija</option>
                            <option value="Estrato 1" >Estrato 1</option>
                            <option value="Estrato 2" >Estrato 2</option>
                            <option value="Estrato 3" >Estrato 3</option>
                            <option value="Estrato 4" >Estrato 4</option>
                            <option value="Estrato 5" >Estrato 5</option>
                            <option value="Estrato 6" >Estrato 6</option>
                            <option value="Rural" >Rural</option>
                            <option value="Sin estrato" >Sin estrato</option>
                        </select>
                    </div>
                </div> <!-- fin <div id="divTabCaracteristica"> -->
                <div id="divTabJuridica">
                    <div class="newDiv">
                        <label for="visitaNumCatastral">No. Catastral</label><br/>
                        <input type="text" id="visitaNumCatastral" name="visitaNumCatastral" class="omitir" /><br/>
                        <label for="visitaFolioMatricula">Folio de Matrícula</label><br/>
                        <input type="text" id="visitaFolioMatricula" name="visitaFolioMatricula" class="omitir" /><br/>
                        <label for="visitaEscrituraPublica">Escritura pública</label><br/>
                        <input type="text" id="visitaEscrituraPublica" name="visitaEscrituraPublica" class="omitir" />
                    </div>
                </div> <!-- fin <div id="divTabJuridica"> -->
                <div id="divTabTerreno">
                    <div class="newDiv">
                        <label for="visitaNormaUsoSuelo">Norma uso del suelo</label><br/>
                        <textarea id="visitaNormaUsoSuelo" name="visitaNormaUsoSuelo"></textarea>
                        <label for="visitaTerreno">Área afectada</label>
                        <input type="text" id="visitaTerreno" class="clValorNumerico" name="visitaTerreno" />
                        <select id="unidadId" name="unidadId" >
                            <option value="">Elija</option>
                            <?php echo $unidades; ?>
                        </select>
                    </div>
                    <h3>Linderos del área afectada</h3>
                    <label for="visitaLinderoNorte" style="margin-right: 1em">Norte</label>
                    <input type="text" id="visitaLinderoNorte" name="visitaLinderoNorte" />
                    <label for="visitaLinderoSur">Sur</label>
                    <input type="text" id="visitaLinderoSur" name="visitaLinderoSur" />
                    <div style="margin-top: 5px">
                        <label for="visitaLinderoOriente">Oriente</label>
                        <input type="text" id="visitaLinderoOriente" name="visitaLinderoOriente" />
                        <label for="visitaLinderoOccidente">Occidente</label>
                        <input type="text" id="visitaLinderoOccidente"  name="visitaLinderoOccidente" />
                    </div>
                </div> <!-- fin <div id="divTabTerreno"> -->
                <div id="divTabPredio">
                    <H3 style="margin-top: 1px">Topografía</h3>
                    <div class="newDiv">
                        <button id="btnGuardaTopo" onclick="jQuery('#tbGrillaTopo').jqGrid('editGridRow','new',{height:280,reloadAfterSubmit:true,closeAfterAdd:true});return false;">Añadir Topografía</button>
                    </div>
                    <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
                    <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>
                    <div class="newDiv">
                    </div>
                    <div class="newDiv">
                        <label for="visitaFormaGeo">Forma geometrica</label>
                        <input type="text" name="visitaFormaGeo" id="visitaFormaGeo" />
                    </div>
                    <div class="newDiv">
                        <label for="visitaFrente">Frente</label>
                        <input type="text" name="visitaFrente" id="visitaFrente" class="txtNumero clValorNumerico" />
                        <select id="unidadIdFrente" name="unidadIdFrente" >
                            <option value="">Elija</option>
                            <?php echo $unidades; ?>
                        </select>
                        <label for="visitaFondo">Fondo</label>
                        <input type="text" name="visitaFondo" id="visitaFondo" class="txtNumero clValorNumerico" />
                        <select id="unidadIdFondo" name="unidadIdFondo" >
                            <option value="">Elija</option>
                            <?php echo $unidades; ?>
                        </select>
                        <label for="visitaPromedio">Promedio</label>
                        <input type="text" name="visitaPromedio" onchange='validaPromedio(this);' id="visitaPromedio" class="txtNumero clValorNumerico" />
                        <span style="font-weight: bolder">%</span>
                    </div>
                    <div class="newDiv">
                        <label for="visitaViaAcceso">Vias de acceso</label>
                        <input type="text" id="visitaViaAcceso" name="visitaViaAcceso" />
                        <select id="viaId" name="viaId">
                            <option value="">Elija</option>
                            <?php echo $vias; ?>
                        </select>
                        <label for="estadoViaId">Estado</label>
                        <select id="estadoViaId" name="estadoViaId" >
                            <option value="">Elija</option>
                            <?php echo $estados; ?>
                        </select>
                    </div>
                    <?php muestraServiciosPublicos(2, $servicios, $usoActual); ?>
                    <h3>Características especiales del terreno</h3>
                    <label for="visitaCaracCanios">Caños</label>
                    <select id="visitaCaracCanios" name="visitaCaracCanios">
                        <option value="">Elija</option>
                        <?php echo $caracTerrenoOpcs; ?>
                    </select>
                    <label for="visitaCaracVallados">Vallados</label>
                    <select id="visitaCaracVallados" name="visitaCaracVallados">
                        <option value="">Elija</option>
                        <?php echo $caracTerrenoOpcs; ?>
                    </select>
                    <label for="visitaCaracServi">Servidumbres</label>
                    <select id="visitaCaracServi" name="visitaCaracServi">
                        <option value="">Elija</option>
                        <?php echo $caracTerrenoOpcs; ?>
                    </select>
                    <label for="visitaCaracPuentes">Puentes</label>
                    <select id="visitaCaracPuentes" name="visitaCaracPuentes">
                        <option value="">Elija</option>
                        <?php echo $caracTerrenoOpcs; ?>
                    </select>
                    <label for="visitaCaracZanjones">Zanjones</label>
                    <select id="visitaCaracZanjones" name="visitaCaracZanjones">
                        <option value="">Elija</option>
                        <?php echo $caracTerrenoOpcs; ?>
                    </select>
                    <label for="visitaCaracOtros">Otro</label>
                    <select id="visitaCaracOtros" name="visitaCaracOtros">
                        <option value="">Elija</option>
                        <?php echo $caracTerrenoOpcs; ?>
                    </select>
                    <div class="newDiv">
                        <label for="visitaTerrenoObservaciones">Observaciones</label><br/>
                        <textarea id="visitaTerrenoObservaciones" name="visitaTerrenoObservaciones" class="omitir" ></textarea>
                    </div>
                </div> <!-- fin <div id="divTabPredio"> -->
                <div id="divTabConstruccion">
                    <div class="newDiv">
                        <button id="btnCreaConstru" onclick="jQuery('#tbGrillaConstru').jqGrid('editGridRow','new',{width:800,reloadAfterSubmit:true});return false;">Añadir Construcción</button>
                    </div>
                    <div id="divPagConstru" class="scroll" style="text-align:center;"></div>
                    <table id="tbGrillaConstru" class="scroll" style="font-size: 14px"></table>
                </div> <!-- fin <div id="divTabPredio"> -->
                <div id="divTabAnexo">
                    <div class="newDiv">
                        <button id="btnCreaAnexo" onclick="jQuery('#tbGrillaAnexo').jqGrid('editGridRow','new',{width:800,reloadAfterSubmit:true});return false;">Añadir anexo</button>
                    </div>
                    <div id="divPagAnexo" class="scroll" style="text-align:center;"></div>
                    <table id="tbGrillaAnexo" class="scroll" style="font-size: 14px"></table>
                </div> <!-- fin <div id="divTabAnexo"> -->
                <div id="divTabElemento">
                    <div class="newDiv">
                        <button id="btnCreaElemento" onclick="jQuery('#tbGrillaElemento').jqGrid('editGridRow','new',{width:400,reloadAfterSubmit:true});return false;">Añadir Elemento</button>
                    </div>
                    <div id="divPagElemento" class="scroll" style="text-align:center;"></div>
                    <table id="tbGrillaElemento" class="scroll" style="font-size: 14px"></table>
                </div> <!-- fin <div id="divTabElemento"> -->
                <div id="divTabMeto">
                    <div class="newDiv">
                        <label for="visitaMetodologiaAvaluo">Metodología</label><br/>
                        <textarea id="visitaMetodologiaAvaluo" name="visitaMetodologiaAvaluo" ></textarea>
                        <label  for="visitaInvesEconomica">Investigación económica</label><br/>
                        <textarea id="visitaInvesEconomica" name="visitaInvesEconomica" ></textarea>
                        <label for="visitaConsideraciones">Consideraciones Generales</label><br/>
                        <textarea id="visitaConsideraciones" name="visitaConsideraciones" ></textarea>
                    </div>
                </div> <!-- fin <div id="divTabMeto"> -->
                <div id="divTabInve">

                </div> <!-- fin <div id="divTabInve"> -->
                <div id="divTabDepreciacion">

                </div> <!-- fin <div id="divTabDepreciacion"> -->
            </div> <!-- <div id="divTabsGeneral"> -->
            <input type="hidden" name="visitaId" id="visitaId" />
            <input type="hidden" name="hdtransaccion" id="hdtransaccion" value="<?php echo $transaccion; ?>" />
            <input type="hidden" name="hdtransaccion1" id="hdtransaccion1" value="<?php echo $transaccion1; ?>" />
            <input type="hidden" name="hdtransaccion2" id="hdtransaccion2" value="<?php echo $transaccion2; ?>" />
            <input type="hidden" name="hdtransaccion3" id="hdtransaccion3" value="<?php echo $transaccion3; ?>" />
            <input type="hidden" name="hdtransaccion4" id="hdtransaccion4" value="<?php echo $transaccion4; ?>" />
            <input type="hidden" name="hdtransaccion5" id="hdtransaccion5" value="<?php echo $transaccion5; ?>" />
            <input type="hidden" name="visitaNotaInvestiga" id="visitaNotaInvestiga"  />
        </form>
        <div id="divBotones">
            <button id="btnSubmit" onclick="validaAntesEnviar();" class="btnDeAccion" >Guardar</button>
        </div>
        <!-- CREACIÓN DEL AVALUO -->
        <div id="divCreaAvaluo" title="Creación de avaluos" >
            <label for="selProyecto">Proyecto</label>
            <select id="selProyecto" name="selProyecto">
                <option value="">Elija</option>
                <?php
                if ($proyectos->num_rows() > 0)
                    foreach ($proyectos->result() as $proyecto) {
                        echo "<option value='{$proyecto->proyectoId}'>{$proyecto->proyectoId}-{$proyecto->proyectoSolicitante}</option>";
                    }
                ?>
            </select>
            <label for="txtNumeroAvaluo">Número del avaluo</label>
            <input type="text" id="txtNumeroAvaluo" name="txtNumeroAvaluo" />
            <div class="divBotones">
                <button onclick="fnCreaAvaluo(document.getElementById('selProyecto').value,document.getElementById('txtNumeroAvaluo').value);">Crear Avaluo</button>
            </div>
        </div>
    </body>
</html>
<?php

function muestraServiciosPublicos($consecutivo, $servicios, $usuos) {
    echo "<div class='newDiv'>";
    echo "<label for='divListaServicios$consecutivo' class='labelsConDiv' >Servicios públicos</label><br/>";
    echo "<div id='divListaServicios$consecutivo' class='divChecbox' >";
    $con = 1;
    foreach ($servicios->result() as $row) {
        echo "<div style='width:25%;float:left'><input type='checkbox'  value='{$row->servPubliId}' id='id_$con' name='servPubli$consecutivo" . "[]' /><label for='id_$con' >" . ($row->servPubliNombre) . "</label></div>";
        if ($con % 4 == 0)
            echo "<br/>";
        $con++;
    }
    echo "</div>";
    echo "<label for='visitaServicioOtro$consecutivo'>Otro</label>";
    echo "<input type='text' id='visitaServicioOtro$consecutivo' class='omitir' name='visitaServicioOtro$consecutivo' />";
    echo "</div>";
    echo "<div class='newDiv'>";
    echo "<label for='divListaUsoActual$consecutivo' class='labelsConDiv'  >Uso predominante</label><br/>";
    echo "<div id='divListaUsoActual$consecutivo' class='divChecbox' style='height:82px;'>";
    foreach ($usuos->result() as $row) {
        echo "<div style='width:33%;float:left'><input type='checkbox'  value='{$row->usoInmuActualId}' id='id_$con' name='usoPredomina$consecutivo" . "[]' /><label for='id_$con' >" . ($row->usoInmuActualNombre) . "</label></div>";
        if ($con % 3 == 0)
            echo "<br/>";
        $con++;
    }
    echo "</div>";
    echo "<label for='visitaUsoOtro$consecutivo'>Otro</label>";
    echo "<input type='text' id='visitaUsoOtro$consecutivo' class='omitir' name='visitaUsoOtro$consecutivo' />";
    echo "</div>";
}
?>
<script type="text/javascript">
<?php
if (isset($edita) && $edita == "edit") {
    echo "fntodoLectura();";
}
?>
</script>